<template>
	<TaskContainer>
	  <div class="task-extra">
		  <el-descriptions :column="3" border>
			<el-descriptions-item>
				<template #label>难易程度</template>中等题
			</el-descriptions-item>
			
			<el-descriptions-item>
				<template #label>阶段名称</template>第一阶段
			</el-descriptions-item>
			
			<el-descriptions-item>
				<template #label>模块名称</template>基础知识
			</el-descriptions-item>
		
			<el-descriptions-item>
				<template #label>任务标题</template>
				【接口】创建一个接口 Bank，它包含方法 void deposit(double amount) 和 void withdraw(double amount)。然后创建一个类 SavingsAccount，它实现了 Bank 接口，并实现了存款和取款的方法。接着创建一个名为 BankCustomer 的类，它包含一个名为 account 的 Bank 接口类型的属性，以及一个方法 void transaction(double amount)，在该方法中调用 account 的存款和取款方法。
			</el-descriptions-item>
		  </el-descriptions>
	  </div>
	  
	  <!-- 任务答案、学生端显示答案、企业端不显示答案！ -->
	  <TaskCode tips="答案" :code="code"></TaskCode>
	  
	</TaskContainer>
</template>

<script>

import HeaderNav from '@/components/HeaderNav.vue'
import TaskContainer from '@/components/TaskContainer.vue'
import TaskCode from '@/components/TaskCode.vue'
export default {
	components: {
		HeaderNav,
		TaskContainer,
		TaskCode,
	},
	data(){
		return {
			code : ''
		}
	}
}
</script>

<style>
.task-extra {
	flex: 1 1 auto;
	margin-top: 20px; 
	
}
.task-extra .el-tag {
	margin: 0 2px;
}
</style>